<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页面</title>
    <link rel="stylesheet" href="../css/reset.css">
    <!-- 引入公共的css -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 引入注册页面的css -->
    <link rel="stylesheet" href="../css/register.css">

    <!-- 引入jQuery -->
    <script src="../js/jquery-3.3.1.js"></script>
    <!--引入校验库-->
    <script src="../js/jquery.validate.min.js"></script>
    <script src="../js/messages_zh.js"></script>
    <!--弹出层样式-->
    <link rel="stylesheet" href="../css/alert.css">
    <!--弹出层代码-->
    <script src='../js/alert.js'></script>
    <script src="../js/jquery.validate.min.js"></script>
    <script src="../js/messages_zh.js"></script>
    <!--验证核心配置文件-->
    <script>
        function run(ele) {
            ele.src = "/UserLoginServlet?method=vcCodeByResister&time=" + new Date().getTime();
        }
    </script>
    <script src="../js/register.js"></script>
    <style>
       .error{
           font-size: 20px;
           color: #f5f7f9;
       }
    </style>
</head>

<body>
<div class="layer bgc" data-depth="1.5">
    <img src="../images/content-bg1.jpg" alt="" srcset="">
</div>
<div class="w1004 alert-box">
<div id="container">
    <div class="containerT">
        <h1>用户注册</h1>
        <form class="form" id="entry_form" action="/UserLoginServlet" method="post">
            <input type="hidden" name="method" value="insert">
            <input class="f1" type="text" name="username" placeholder="用户昵称"
                   id="entry_username" value="">
            <input class="f1" type="text" name="loginName" placeholder="登录名称" id="entry_loginName">
            <input class="f1" type="password" name="password" placeholder="密码"
                   id="entry_password" value="">
            <input class="f1" type="password" name="pwd"
                   placeholder="确认密码" id="entry_pwd" value="">
            <div>
                <input type="radio" name="sex" value="男" id="entry_sexMan" checked="checked">男
                <input type="radio" name="sex" value="女" id="entry_sexWoman">女
            </div>
            <input class="f1" type="date" name="birthday" placeholder="生日" id="entry_birthday" dateISO="yyyy-mm-dd"
                   date="date" required="required" value="">
            <input class="f1" type="text" name="phone" placeholder="手机号" id="entry_phone" value="" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
            <input class="f1" type="email" name="email" placeholder="邮箱" id="entry_email" value="">
            <div>
                <select name="grouping" id="entry_grouping">
                    <option value="1">第1组</option>
                    <option value="2">第2组</option>
                    <option value="3">第3组</option>
                    <option value="4">第4组</option>
                    <option value="5">第5组</option>
                    <option value="6">第6组</option>
                    <option value="7">第7组</option>
                    <option value="8">小龙组</option>
                </select>
            </div>
            <!--验证码-->
            <input type="text" class="f1" name="registerCode" placeholder="请输入验证码" required="required" minlength="4" maxlength="4"><br>
            <img src="/UserLoginServlet?method=vcCodeByResister" onclick="run(this)">
            <!-- <button type="button" id="entry_btn"><a href=""> 登录</a></button> -->
            <button type="button" id="entry_2btn" onclick="reisterButton()">注册</button>
            <div id="prompt" class="prompt"></div>
        </form>
    </div>
</div>
</div>


<script src="../js/parallax.js"></script>
<script>
    var scene = document.querySelector('body');
    var parallax = new Parallax(scene, {
        calibrateX: false,
        calibrateY: true,
        invertX: false,
        invertY: true,
        limitX: false,
        limitY: 10,
        scalarX: 2,
        scalarY: 8,
        frictionX: 0.2,
        frictionY: 0.8
    });
</script>
</body>
</html>